﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="OnlineCooperation.Index" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Index</title>
    <meta name="Index" content="width=device-width, initial-scale=1.0" />
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>
    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/html5shiv.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" href="ico/apple-tsouch-icon-57-precomposed.png" />
    <link rel="shortcut icon" href="ico/favicon.png" />
    <style type="text/css">
        body
        {
            background:url(img/brickwall.png) repeat 0 0;
            padding-top: 20px;
            padding-bottom: 40px;
        }
        
        /* Custom container */
        .container-narrow
        {
            margin: 0 auto;
            max-width: 700px;
        }
        
        .container-narrow > hr
        {
            margin: 30px 0;
        }
        
        /* Main marketing message and sign up button */
        .jumbotron
        {
            margin: 0 0;
            text-align: center;
        }
        
        .jumbotron h1
        {
            font-size: 72px;
            line-height: 1;
        }
        
        .jumbotron .btn
        {
            font-size: 21px;
            padding: 14px 24px;
        }
        
        /* Supporting marketing content */
        .marketing
        {
            margin: 60px 0;
        }
        
        .marketing p + h4
        {
            margin-top: 28px;
        }
        
        .CocoSign
        {
            width: auto;
            height: auto;
        }

        .CocoLogo {
            height: auto;
        }
    </style>
</head>
<body>
    <div class="container-narrow">
        <div class="masthead">
            <ul class="nav nav-pills pull-right">
                <li class="active"><a href="Index.aspx">首页</a></li>
                <li><a href="#AboutModal" role="button" data-toggle="modal">开发者的故事</a></li>
                <li><a href="mailto:zhuangchenfan@gmail.com?subject=HiCoCo">联系我们</a></li>
            </ul>
            <h3 class="muted">
                <img class="CocoLogo" src="img/CoCo.png" alt="CoCo" />
            </h3>
        </div>
        <hr />
        <div class="jumbotron">
            <img src="img/ONLINE.png" class="CocoSign" alt="#details" />
            <br />
            <hr />
            <p>个人空间、团队管理、在线协作、同步交流</p>
            <br />
            <p>CoCo，简洁的在线协作平台，你值得拥有XD</p>
            <br />
             <a class="btn btn-large btn-success" href="Register.aspx">注册</a> &nbsp;&nbsp; &nbsp;&nbsp;  
            <a class="btn btn-large btn-primary" href="Login.aspx">登录</a>
        </div>       
        <hr />
        <div class="footer">
            <p>
                &copy; "我们都是粗人"小组 2013 年度力作 倾情奉献</p>
        </div>
    </div>

    <div id="AboutModal" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel"
        aria-hidden="true">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                ×</button>
            <h3 id="myModalLabel">
                About Coco
            </h3>
        </div>
        <div class="modal-body">
            <p>
                Coco v1.0</p>
            <p>
                Author@HYG,DRQ,ZCF</p>
            <p>
                关于CoCo开发者的故事
HYG：大神不解释……
DRQ：勤奋的萌妹纸不解释……;
ZCF：渣一般的前端不解释……这么丑的界面拜其所赐。


            </p>
            <p>
                Hope you enjoy CoCo!</p>
        </div>
        <div class="modal-footer">
            <button class="btn" data-dismiss="modal" aria-hidden="true">
                关闭</button>
        </div>
    </div>
</body>
</html>
